//还要写一个根据json转换成select的（或者改变一下美化一下后台返回的格式{data: [{"lid", {}}, {"lid", {}}]}）
//bug：reload会重新刷新之前填过的信息，要用render的第二个参数才能局部更新

var tableData = [];
var table, tableIns;

layui.use(['table', 'layer', 'element', 'jquery', 'form'], function () {
    table = layui.table
    var layEvent = layui.event,
        data = layui.data
        ,layer = layui.layer
        ,element = layui.element
        ,$ = layui.jquery
        ,form = layui.form;

    verifyExt(form);
    form.on('submit(*)', function(data){ //form校验成功才会执行下面的代码
        let formData = serializeObject($("#bofrom"))
            ,tableData = table.cache["grid"];
        if(tableData){
            formData.ajBuyRecordDetailList = JSON.stringify(tableData);
        }else{
            layer.msg("请添加要购买的脚本");
            return false;
        }

        ajax("/aj/AjBuyRecord.do?method=add", formData);
        return false; //禁用form表单自带的提交
    });

    tableIns = table.render({
        elem: '#grid'
        ,toolbar: '#_tableToolbar'		//开启工具栏（动态列素筛选、导出、打印）
        ,cellMinWidth : 60 			//全局定义所有常规单元格的最小宽度（默认：60），一般用于列宽自动分配的情况。其优先级低于表头参数中的 minWidth
        ,height : "full-75" 			//设定容器高度
        ,data: tableData
        ,cols: [[
            {field: 'jsManagerName', title: '脚本类型', align: 'center'}
            ,{field: 'jsLid', title: '脚本版本主键', hide: true}
            ,{field: 'version', title: '脚本版本'}
            ,{field: 'jsPrice', title: '单价(元)'}
            ,{toolbar: '#bar', title: '操作', align: 'center' }
        ]]
        , done: function (res, curr, count) { //load和reaload之后都会触发
            //添加脚本
            $("#addJs").click(function(){
                toPage('aj/ajBuyRecord/jsp/addDetail.jsp', {width:'90%', height:'90%', title:'添加脚本'}, [['添加', '#saveBtn']]);
            });
        }
    });

    //监听删除行操作
    table.on('tool(grid)', function (obj) {
        if (obj.event === 'delRow') {
            obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
        }
    });
});